﻿.slider-holder { position: relative;}

.slider { background: white url(../images/slider-bg.png) no-repeat 0 0; width: 900px; height: 417px; position:relative; overflow: hidden; padding:0; }
.slider ul { list-style:none; list-style-position: outside; }
.slider ul li { float: left; width: 900px; height: 417px; }
.slider .slide-cnt {width: 550px; height: 220px; position:relative; overflow: hidden; float: right; padding-top: 30px;  }

.slider h4 { color:#fff; font-size: 16px; font-family: 'Raleway', sans-serif;  font-weight: 500; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; text-transform: uppercase; }
.slider h2 { color:#f8f8f8; font-family: 'Raleway', sans-serif; font-size: 56px; line-height:56px; padding-bottom: 12px; font-weight: 700; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; }
.slider p { color:#fff; }
.slider p a { color:#fff; text-decoration: underline; }
.slider p a:hover { color: #0e4d02 }

.slider img { float:left; margin-right:0px;}
.slider .socials { width: 100px; float:right; padding-top:18px;}
.slider .socials a { width: 31px; height: 30px; float:left; margin-left: 6px; font-size: 0; line-height: 0; text-indent: -4000px; }

.ico {width: 32px; height:30px; }
.ico:hover { opacity:.7; }

#thumbs-wrapper { width: 434px; padding: 0 20px; position: absolute; bottom: 18px; right:0; overflow: hidden; }
#thumbs-wrapper a#prev { width: 12px; height: 17px; position:absolute; top: 50%; margin-top: -8px; left: 0; background: url(../images/left-arr.png) no-repeat 0 0;}
#thumbs-wrapper a#next { width: 12px; height: 17px; position: absolute; top: 50%; margin-top: -8px; right: 0px; background: url(../images/right-arr.png) no-repeat 0 0; }
#thumbs { height: 80px; width: 434px; position:relative; overflow: hidden; padding-top:7px; }
#thumbs a { margin-bottom:8px; width: 94px; height: 69px; margin-right: 8px; float:left; background: #fff; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #d5d5d5; }
#thumbs a img { width: 94px; height: 69px; float:left; }

#thumbs a.selected { height: 76px; position:relative; margin-top: -7px; opacity: 1; } 
#thumbs a.selected img { height: 76px; }

#filling{
    background-color:#e8e8e8;
    width:900px;
    height: 500px;
    margin: 10px 0px;
}

#filling div{
    border: 2px solid rgba(114,114,114,.2);   
    border-radius: 5px; 
}

.homeResults{
    width: 430px;   
    height: 200px; 
    margin: 10px 8px;

}

#worldResultsAth{
    float: left;
    
}
#worldResultsSw{
    float: right;
}

#worldEvents{
    width: 600px;
    height:200px;
    float: left;
    margin-left: 8px;
    margin-right: 8px; 
 
}

#aboutUs{
    width: 260px;
    margin-left: 8px;
    margin-right: 8px;
    float:right;
    height: 200px;
}